<!DOCTYPE html>
<html>
<head>
<head/>
<div th:include="base-libs :: base-libs" />
<!-- <div th:include="common/fwb-modal :: fwb-modal" />
<div th:include="common/xypl-modal :: xypl-modal" />
<div th:include="common/zj-modal :: zj-modal" />
<div th:include="common/bgfwbpl-modal :: bgfwbpl-modal" />
<div th:include="common/common-export :: common-export" /> -->


<!-- <link th:href="${quickJs}+'scripts/jquery/plug-ins/bootstrap-table/bootstrap-table.min.css'" rel="stylesheet"/>
<script th:src="${quickJs}+'scripts/jquery/plug-ins/bootstrap-table/bootstrap-table.min.js'"></script>
<link rel="stylesheet" th:href="${appName} + 'css/bootstrap-select.min.css'"/>	
<script th:src="${appName} + 'js/bootstrap-select.min.js'"></script>		 		 
<script th:src="${quickJs}+'scripts/jquery/plug-ins/bootstrap-table/bootstrap-table-zh-CN.min.js'"></script> -->
<script th:src="@{/service/js/jtqy.js}"></script>
	 		 
<title>续约记录</title>
<style type="text/css">
body{
	padding: 0px 0px;
}
.north{
	padding:8px 0px;
	background:#f9f9f9;
	overflow:hidden;
}
.table>tbody>tr>td{
	vertical-align: middle!important;
    text-align: center!important;
}
.spanBtn{
	font-weight: bold;
	color: blue;
	cursor:pointer;
}

.form-table select {
    width: 100%;
}
.timeLeft{
	width:36% !important;
	border: 1px solid #B6B6B6;
}
.timeRight{
	width:36% !important;
	float:right;
	border: 1px solid #B6B6B6;
}
.timeSpan{
	display:inline-block;
	width:4%;
	text-align:right;
}
</style>
</head>
<script th:inline="javascript">
    /**读取request中的初始化数据*/
	var requestData = [[${requestData}]];
</script>
<script type="text/javascript">
$(function() {
 	initView();
 	initData();
});

/**
*
*/
function queryForm() {
	$("#dgForm").datagrid({"url":  contextRoot+"qytj/queryQysjxx.service" });
}

function initData(){
    queryForm();
}

function initView()
{

	$("#dgForm").datagrid({
		idField : "QYXXID",
		striped : true,
		singleSelect : true,
		fit:true,
		fitColumns:true,
		columns : [[
			{
				field : "XM",
				title : "姓名"
				,width:5
			},
			{
				field : "XB",
				title : "性别"
				,width:2
                ,formatter: function(value,row){
				    var xb = {"1" : "男" , "2":"女"}
					return xb[value];
            	}
			},
			{
				field : "ZJHM",
				title : "证件号码",
				width:8
                ,formatter: function(value,row){
					return formatIdcard(value);
            	}
			},
			{
				field : "RQFLMC",
				title : "人群分类"
				,width:5
                ,formatter: function(value,row){
                	return formatTitle(value);
            	}
			},
			{
				field : "SJ",
				title : "事件",
				width:5,
				formatter: function(value,row){
					return "续约";
				}
			},
			{
				field : "QYSJ",
				title : "续约时间"
				,width:5
				,formatter: function(value,row){
					return dateSubString10(value);
				}
			},
			{
				field : "QYYXQ",
				title : "续约有效期",
				width:10,
				formatter : function(value, row, index) {
					return dateSubString10(row.SXSJ) + " ~ " + dateSubString10(row.JSSJ);
				}
			},
			{
				field : "FWBMC",
				title : "服务包",
				width:10
                ,formatter: function(value,row){
                	return formatTitle(value);
            	}
			}
		]]
		,method : "post"
		,onBeforeLoad: function(params){
            var url = $(this).datagrid("options")["url"];
            if(!StringUtils.isEmpty(url)){
//				params["SJGLID"] = requestData;
                params = $.extend(params , requestData);
                params["TYPE"] = "XY";
                return true;
            }else{
                return false;
            }
		}
	
	});

}

</script>
<body class="easyui-layout" fit="true" border="false">
	<div region="center" border="false" style=" padding-left: 20px; padding-top: 20px ; padding-right: 20px"  >
		<table id="dgForm"></table>
	</div>
</body>
</html>
